<style>
    .required:after {
      content: " *";
      color: #ED1C24;
  }
  .auth-binding-down {
    line-height: 38px;
} 
  </style>
<div class="layui-card">
    <div class="layui-card-body">
<div class="layui-tab layui-tab-brief" lay-filter="mous_atb">
    <ul class="layui-tab-title">
      <li lay-id="personal" class="layui-this">实名认证</li>
      <li lay-id="enterprise">企业/专家认证</li>
    </ul>
    <div class="layui-tab-content">
         <!-- 个人认证开始 -->
      <div class="layui-tab-item layui-show">    
            <form class="layui-form" action="{:url('wendasns/user/index',['dispatch'=>'auths'])}" method="post">
              <input type="hidden" name="status" value="1">
              <input type="hidden" name="auths" value="1">
              <input type="hidden" name="id" value="{$real.id}">
              <div class="layui-form-item">
                <label class="layui-form-label" style="width: 120px;">当前状态</label>
                <div class="layui-input-inline {if $real.status != 3}auth-binding-down{/if}" style="width: 390px;">
                  {if $real.status == 0}未认证{/if}
                  {if $real.status == 1}等待审核{/if}
                  {if $real.status == 2}审核通过{/if}
                  {if $real.status == 3}审核被退回{/if}<br>
                  {if $real.status == 3} <span style="color:#FF5722">驳回原因：{$real.id_reason}</span> {/if}
                </div>
              </div>

              <div class="layui-form-item">
                <label class="layui-form-label required" style="width: 120px;">姓名</label>
                <div class="layui-input-inline " style="width: 390px;">
                  <input type="text" name="real_name" placeholder="真实姓名" value="{$real.real_name}" autocomplete="off" {if $real.locking == 1} disabled class="layui-disabled layui-input" {/if} {if $real.status == 1} disabled class="layui-input layui-disabled" {/if} class="layui-input">
                </div>
              </div>
          
              <div class="layui-form-item">
                <label class="layui-form-label" style="width: 120px;">性别</label>
                <div class="layui-input-block">
                  <input type="radio" name="gender" value="1" title="男" {if $real.locking == 1} disabled class="layui-disabled layui-input" {/if} {if $real.gender == 1} checked {/if} {if $real.status == 1} disabled class="layui-disabled" {/if}>
                  <input type="radio" name="gender" value="2" title="女" {if $real.locking == 1} disabled class="layui-disabled layui-input" {/if} {if $real.gender == 2} checked {/if} {if $real.status == 1} disabled class="layui-disabled" {/if}>
                  <input type="radio" name="gender" value="3" title="保密" {if $real.locking == 1} disabled class="layui-disabled layui-input" {/if} {if $real.gender == 3} checked {/if} {if $real.status == 1} disabled class="layui-disabled" {/if}>
                </div>
              </div>
          
              <div class="layui-form-item">
                <label class="layui-form-label" style="width: 120px;">所在城市</label>
                <div class="layui-input-inline">
                  <select lay-filter="province_select" name="cate_id">
                    <option value="0">请选择省</option>
                    {volist name="area" id="var"}
                    <option value="{$var.id}" {if $real.cate_id == $var.id} selected {/if}>{$var.area_name}</option>       
                    {/volist}
                  </select>
                </div>
                <div class="layui-input-inline yu" style="display: none;">
                  <select name="cate_fid" class="city_select">
                  </select>
                </div>
              </div>
          
              <div class="layui-form-item">
                <label class="layui-form-label" style="width: 120px;">身份职业</label>
                <div class="layui-input-inline" style="width: 390px;">
                  <input type="text" name="occupation" lay-verify="pass" placeholder="例如：汽车制造 / 产品设计师 / 登山爱好者" value="{$real.occupation}" {if $real.status == 1} disabled class="layui-disabled layui-input" {/if} autocomplete="off" class="layui-input">
                </div>
              </div>
          
              <div class="layui-form-item layui-form-text">
                <label class="layui-form-label" style="width: 120px;">自我介绍</label>
                <div class="layui-input-inline" style="width: 390px;">
                  <textarea name="description" placeholder="请输入内容"  {if $real.status == 1} disabled class="layui-disabled layui-textarea" {/if} class="layui-textarea">{$real.description}</textarea>
                </div>
              </div>

              <div class="layui-form-item">
                <label class="layui-form-label required" style="width: 120px;">身份证号码</label>
                <div class="layui-input-inline" style="width: 390px;">
                  <input type="text" name="id_card" placeholder="身份照号码" autocomplete="off" value="{$real.id_card}" {if $real.locking == 1} disabled class="layui-disabled layui-input" {/if} {if $real.status == 1} disabled class="layui-disabled layui-input" {/if} class="layui-input">
                </div>
              </div>
          
              <div class="layui-form-item">
                <label class="layui-form-label required" style="width: 120px;">身份照正面照片</label>
                <div class="layui-input-inline">
                	<input type="hidden" name="id_card_image" placeholder="图片地址" value="{$real.id_card_image}" lay-verify="required" class="layui-input id_card_image">
                  <img src="{$real.id_card_image}" class="imgtags" width="100%"/>
                </div>
                {if $real.status != 2}
                <div class="layui-form-mid layui-word-aux">
                    <a href="javascript:;" class="layui-btn layui-btn-primary J_mous_img {if $real.status == 1}layui-btn-disabled{/if}" lay-data="{ url:'{:url('wendasns/user/upload')}',size:3072}"><i class="layui-icon layui-icon-upload-drag"></i>上传身份照正面照片</a><br>
                    1.请上传身份证正面带有头像的扫描件或清晰照片<br>
                    2.照片要求格式为JPG/JPEG/GIF/PNG，大小不要超过2M
                </div>
                {/if}
              </div>
              
              {:hook('user_auths_realname_form')}
               
              <div class="layui-form-item"></div>
              <div class="layui-form-item">
                <label class="layui-form-label" style="width: 120px;"></label>
                <div class="layui-input-inline">
                    {if $real.status == 3}
                  <button class="layui-btn user-login-codeimg" lay-submit="" lay-filter="J_ajax_submit_btn">重新申请</button>
                  {elseif $real.status == 0}
                  <button class="layui-btn user-login-codeimg" lay-submit="" lay-filter="J_ajax_submit_btn">提交申请</button>
                  {elseif $real.status == 2}
                  <button class="layui-btn user-login-codeimg" lay-submit="" lay-filter="J_ajax_submit_btn">保存</button>
                  {/if}
                </div>
              </div>
              <div class="layui-form-item"></div>
          </form> 
      </div>
       <!-- 个人认证结束 -->
       <!-- 企业认证开始 -->
      <div class="layui-tab-item">
        <form class="layui-form" id="vertify_form">

            <input type="hidden" name="status" value="1">
              <div class="layui-form-item">
                <label class="layui-form-label" style="width: 120px;">当前状态</label>
                <div class="layui-input-inline {if $mousinfo.status != 3}auth-binding-down{/if}" style="width: 390px;">
                  {if $mousinfo.status == 0}未认证
                  {elseif $mousinfo.status == 1}等待审核
                  {elseif $mousinfo.status == 2}审核通过
                  {elseif $mousinfo.status == 3}审核被退回
                  {/if}<br>
                  {if $mousinfo.status == 3} <span style="color:#FF5722">驳回原因: {$mousinfo.id_reason}</span> {/if}
                </div>
              </div>

              <div class="layui-form-item">
                <label class="layui-form-label required" style="width: 120px;">性别</label>
                <div class="layui-input-block">
                  <input type="radio" name="gender" value="1" title="男" {if $mousinfo.locking == 1} disabled class="layui-disabled layui-input" {/if} {if $mousinfo.gender == 1} checked {/if} {if $mousinfo.status == 1} disabled class="layui-disabled" {/if}>
                  <input type="radio" name="gender" value="2" title="女" {if $mousinfo.locking == 1} disabled class="layui-disabled layui-input" {/if} {if $mousinfo.gender == 2} checked {/if} {if $mousinfo.status == 1} disabled class="layui-disabled" {/if}>
                  <input type="radio" name="gender" value="3" title="保密" {if $mousinfo.locking == 1} disabled class="layui-disabled layui-input" {/if} {if $mousinfo.gender == 3} checked {/if} {if $mousinfo.status == 1} disabled class="layui-disabled" {/if}>
                </div>
              </div>

              <div class="layui-form-item">
                <label class="layui-form-label required" style="width: 120px;">认证类型</label>
                <div class="layui-input-block">
                  <input type="radio" name="authtype" value="2" title="企业" lay-filter="onRadioValue" {if $mousinfo.authtype == 2} checked {/if}>
                  <input type="radio" name="authtype" value="3" title="专家" lay-filter="onRadioValue" {if $mousinfo.authtype == 3} checked {/if}>
                </div>
              </div>

              <div class="layui-form-item">
                <label class="layui-form-label" style="width: 120px;">所在城市</label>
                <div class="layui-input-inline">
                  <select lay-filter="province_select" name="cate_id">
                    <option value="0">请选择省</option>
                    {volist name="area" id="var"}
                    <option value="{$var.id}" {if $mousinfo.cate_id == $var.id} selected {/if}>{$var.area_name}</option>       
                    {/volist}
                  </select>
                </div>
                <div class="layui-input-inline yu" style="display: none;">
                  <select name="cate_fid" class="city_select">
                  </select>
                </div>
              </div>
          
              <div class="layui-form-item">
                <label class="layui-form-label" style="width: 120px;">身份职业</label>
                <div class="layui-input-inline" style="width: 390px;">
                  <input type="text" name="occupation" placeholder="例如：汽车制造 / 产品设计师 / 登山爱好者" value="{$mousinfo.occupation}" {if $mousinfo.status == 1} disabled class="layui-disabled layui-input" {/if} autocomplete="off" class="layui-input">
                </div>
              </div>
          
              <div class="layui-form-item layui-form-text">
                <label class="layui-form-label" style="width: 120px;">自我介绍</label>
                <div class="layui-input-inline" style="width: 390px;">
                  <textarea name="description" placeholder="请输入内容"  {if $real.status == 1} disabled class="layui-disabled layui-textarea" {/if} class="layui-textarea">{$mousinfo.description}</textarea>
                </div>
              </div>
   
            {if $mousinfo.authtype == 3}
            <div class="layui-form-item">
              <label class="layui-form-label required change_name" style="width: 120px;">{$gereninfo['name']}</label>
              <div class="layui-input-inline" style="width: 390px;">
                <input type="text" name="real_name" autocomplete="off" value="{$mousinfo.real_name}" {if $mousinfo.status == 1} disabled class="layui-disabled layui-input" {/if} class="layui-input">
              </div>
            </div>
        
            <div class="layui-form-item">
              <label class="layui-form-label required change_idcode" style="width: 120px;">{$gereninfo['idcode']}</label>
              <div class="layui-input-inline" style="width: 390px;">
                <input type="text" name="id_card" autocomplete="off" value="{$mousinfo.id_card}" {if $mousinfo.status == 1} disabled class="layui-disabled layui-input" {/if} class="layui-input">
              </div>
            </div>
        {else}
        <div class="layui-form-item">
          <label class="layui-form-label required change_name" style="width: 120px;">{$qiyeinfo['name']}</label>
          <div class="layui-input-inline" style="width: 390px;">
            <input type="text" name="real_name" autocomplete="off" value="{$mousinfo.real_name}" {if $mousinfo.status == 1} disabled class="layui-disabled layui-input" {/if} class="layui-input">
          </div>
        </div>
    
        <div class="layui-form-item">
          <label class="layui-form-label required change_idcode" style="width: 120px;">{$qiyeinfo['idcode']}</label>
          <div class="layui-input-inline" style="width: 390px;">
            <input type="text" name="id_card" autocomplete="off" value="{$mousinfo.id_card}" {if $mousinfo.status == 1} disabled class="layui-disabled layui-input" {/if} class="layui-input">
          </div>
        </div>
        {/if}
            <div class="layui-form-item">
              <label class="layui-form-label required" style="width: 120px;">附件(必选)</label>
              <div class="layui-input-inline" style="width: 390px;">
                  <input name="id_card_image" placeholder="图片地址" value="{$mousinfo.id_card_image}" lay-verify="required" {if $mousinfo.status == 1} disabled class="layui-disabled layui-input" {/if} disabled autocomplete="off" class="layui-input layui-disabled license_image">
              </div>
            </div>
            <div class="layui-form-item">
              <label class="layui-form-label"></label>
              <div class="layui-input-inline">
                <img src="{$mousinfo.id_card_image}" class="licenseimg" width="100%"/>
              </div>
              <div class="layui-form-mid layui-word-aux">
                  <a href="javascript:;" class="layui-btn layui-btn-primary J_mous_img {if $mousinfo.status == 1}layui-btn-disabled{/if}" lay-data="{ url:'{:url('wendasns/user/upload')}',size:3072}"><i class="layui-icon layui-icon-upload-drag"></i>上传营业执照或身份证照片</a><br>
                  1.请提交对应的身份证照片或者营业执照证件扫描电子版照片<br>
                  2.照片要求格式为JPG/JPEG/GIF/PNG，大小不要超过3M
              </div>
            </div>

            <div class="layui-form-item">
              <label class="layui-form-label required" style="width: 120px;">认证领域</label>
              <div class="layui-input-inline" style="width: 390px;">
                <input type="text" name="field" placeholder="认证领域，例如法律、互联网、电脑等不超过5个词语" value="{$mousinfo.field}" {if $mousinfo.status == 1} disabled class="layui-disabled layui-input" {/if} autocomplete="off" class="layui-input">
              </div>
            </div> 
      
          <div class="layui-form-item">
            <label class="layui-form-label required" style="width: 120px;">专业性证明</label>
            <div class="layui-input-inline" style="width: 390px;">
                <input name="skill_image" placeholder="图片地址" value="{$mousinfo.skill_image}" lay-verify="required" disabled autocomplete="off" class="layui-input layui-disabled skill_image">
            </div>
          </div>
          <div class="layui-form-item">
            <label class="layui-form-label"></label>
            <div class="layui-input-inline">
              <img src="{$mousinfo.skill_image}" class="imgtag" width="100%"/>
            </div>
            <div class="layui-form-mid layui-word-aux">
                <a href="javascript:;" class="layui-btn layui-btn-primary J_mous_img {if $mousinfo.status == 1}layui-btn-disabled{/if}" lay-data="{ url:'{:url('wendasns/user/upload')}',size:3072}"><i class="layui-icon layui-icon-upload-drag"></i>上传专业性证明</a><br>
                1.请上传您的工卡、单位证明、资格证书、获奖证书等<br>一切可证明您身份的材料照片<br>
                2.照片要求格式为JPG/JPEG/GIF/PNG，大小不要超过2M 
            </div>
          </div>
        
        {:hook('user_auths_special_form')}
        
            <div class="layui-form-item"></div>
            <div class="layui-form-item">
              <label class="layui-form-label" style="width: 120px;"></label>
              <div class="layui-input-inline">
                {if $mousinfo.status == 3}
                <button type="button" lay-submit lay-filter="J_mous_up" class="layui-btn user-login-codeimg" title="重新申请">重新申请</button>
                {elseif $mousinfo.status == 0}
                <button type="button" lay-submit lay-filter="J_mous_up" class="layui-btn user-login-codeimg" title="提交申请">提交申请</button>
                {elseif $mousinfo.status == 2}
                <button type="button" lay-submit lay-filter="J_mous_up" class="layui-btn user-login-codeimg" title="保存">保存</button>
                {/if}
              </div>
            </div>
            <div class="layui-form-item"></div>
        </form> 
      </div>
      <!-- 企业认证结束 -->
    </div>
  </div>
</div>
</div>